<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<!--
props自定义属性: 父 => 子
$emit()自定义事件: 子 => 父

$emit(自定义事件名, 数据)

@click
@my123
-->

<div id="app">
  <h1>{{ msg }}</h1>
  <hr>
  <template v-for="item of counterList">
    <my-counter
      :label="item"
      @my123="my123Method"
    ></my-counter>
    <br>
  </template>
  <h2>我点击的是{{ is }}个</h2>
  <!--
  <my-counter label="222"></my-counter>
  <br>
  <my-counter label="三"></my-counter>
  -->
</div>

<script src="js/vue.js"></script>
<script src="js/index.js"></script>
</body>
</html>
